<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
  <title>Layout Regression Test Harness</title>
</head>

<style>
p.note
{
  background-color: #FFFFDD;
  border: 2px solid red;
  padding: 10px;
}

div.indent
{
  margin-left: 20px;
  padding:     5px;
}

#tests
{
  border: 1px solid black;
  margin: 10px;
}

#results
{
  border:   1px solid black;
  margin:   10px;
  overflow: auto;
  height:   200px;
}
</style>

<script src="regression_tests.js" type="application/javascript">
<!--

//-->
</script>

<body onload="DoOnload();">

<h1>Layout Regression Test Harness</h1>

<p class="note">
The JavaScript in this file requires that you grant it XPConnect access,
via the dialog that appears when you first load the file. Note that the code
herein creates directories and files, so there is the possibility that it
may do damage to the contents of your hard disk. You have been warned!
</p>

<h2>Tests</h2>
<div id="tests">
<form name="testForm">
  <div class="indent">
    <input type="radio" name="testType" id="singleFileRadio" checked="true" onclick="UpdateRunTestsButton()"></input><label for="singleFileRadio">Single testcase</label>
    <div class="indent">
      URL: <input id="singleTestFileInput" name="singleTestFileInput" type="text" size="80" oninput="UpdateRunTestsButton()"></input>
      <input type="button" onclick="ChooseTestcaseFile();" value="Choose File...">
    </div>
  </div>

  <div class="indent">
    <input type="radio" name="testType" id="dirsRadio" onclick="UpdateRunTestsButton()"></input><label for="dirsRadio">Local Directories</label>
    <div class="indent">
      <select id="testDirsSelect" size="5" style="width: 200pt">
        <option>None selected</option>
      </select><br>
      <input type="button" value="Add..." onclick="AppendTestcaseDir();">
      <input type="button" value="Remove" onclick="RemoveTestcaseDir();">
    </div>
  </div>
  
  <div class="indent">
    <hr>
    <table cellpadding="5px">
      <thead>
      <tr>
      <td><strong>Do what</strong></td>
      <td><strong>Output file locations</strong></td>
      </tr>
      </thead>
      <tr>
      <td>
        <div><input id="baselineRadio"  type="radio" name="doWhat" onclick="UpdateRunTestsButton()" checked="true"></input><label for="baselineRadio">Baseline</label></div>
        <div><input id="verifyRadio"    type="radio" name="doWhat" onclick="UpdateRunTestsButton()"></input><label for="verifyRadio">Verify</label></div>
        <div><input id="verifCompRadio" type="radio" name="doWhat" onclick="UpdateRunTestsButton()"></input><label for="verifCompRadio">Verify and Compare</label></div>
        <div><input id="compRadio"      type="radio" name="doWhat" onclick="UpdateRunTestsButton()"></input><label for="compRadio">Compare</label></div>
      </td>
      <td valign="top">
        <table cellpadding="4px">
          <tr>
            <td></td>
            <td></td>
            <td>File extensions</td>
          </tr>
          <tr>
            <td align="right">Baseline:</td>
            <td><input id="baselineOutputDir" name="baselineOutputDir" type="text" size="40" disabled="true"></input>
                <input type="button" onclick="gBaselineOutputDir = ChooseOutputDirectory('baselineOutputDir'); UpdateRunTestsButton();" value="Choose..."></td>
            <td><input type="text" size="6" name="baselineFileExtension" value=".bas"></input> (like ".bas")</td>
          </tr>
          <tr>
            <td align="right">Verify:</td>
            <td><input id="verifyOutputDir" name="verifyOutputDir" type="text" size="40" disabled="true"></input>
                <input type="button" onclick="gVerifyOutputDir = ChooseOutputDirectory('verifyOutputDir'); UpdateRunTestsButton();" value="Choose..."></td>
            <td><input type="text" size="6" name="verifyFileExtension" value=".ver"></input>(like ".ver")</td>
          </tr>
        </table>
      </td>
      </tr>
      </table>
    </div>
    <div class="indent">
      <hr>
      <input type="Button" name="runTests" value="Run the Tests!" onclick="RunTests();">
    </div>

  </div>
  
</form>
</div>

<h2>Results</h2>
<div id="results">
</div>

</body>
</html>

